<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>申请退款</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>

 <script src="../js/jquery-3.0.0.min.js"></script>
 <script src="../js/core.js"></script>
<script src="../js/12.9.2buydingdantuikuanshengqing.js"></script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">申请退款</h1>
    </header>
</div>
<!--申请退款-->
<div class="main_application_tuikuan">
    <ul class="a_order_inform mid-width">
    	 <li class="a_right_img">
            <a href="javascript:void(0);" class="zhiweifabu02">
	 	 	 	 <span>退款类型</span>
	 	 	 	 <em class="xingbie" id="leixing">请选择</em>
	 	 	</a>
	 	 	<div class="payment_time_mask payment_time_mask02">
                <div class="pay_ttl">
                    <h4>选择退款类型</h4>
                    <span>取消</span>
                </div>
                <ul>
                    <li>退款退货</li>
                    <li>仅退款</li>
                </ul>
            </div>
        </li>
        <li class="a_right_img">
            <a href="javascript:void(0);" class="zhiweifabu01">
	 	 	 	 <span>退款原因</span>
	 	 	 	 <em class="xingbie" id="types">请选择</em>
	 	 	</a>
	 	 	<div class="payment_time_mask payment_time_mask01">
                <div class="pay_ttl">
                    <h4>选择退款原因</h4>
                    <span>取消</span>
                </div>
                <ul>
                    <li>卖家缺货</li>
                    <li>不想要了</li>
                    <li>拍错了</li>
                </ul>
            </div>
        </li>
        <li>
            <span>退款金额</span>
            <input type="number" id="refundmoney" readonly="readonly" >
        </li>
        <li class="a_last_one">
            <span>退款说明</span> 
            <input type="text" id="refundRemark"  placeholder="请填写">
        </li>
    </ul> 
</div>
<div class="pingjia_text">
		<div class="kaidian_dianpu" style="display: none;">
		<div class="fabu_fengmian">
			<div id="preview22">
	            <img id="imghead22" border=0 src="../images/moren.jpg" />
	        </div>
	        <div class="fabu_file1"><input type="file" id="filess"  /></div>
		</div>
	</div>
	<!-- 上传图片 -->
    <div class="mm_imgfile">
        <ul class="clearfix" id="tupain">
            <li>
                <img src="../images/photo.png">
                <input  type="file" onchange="previewImage2(this)">
            </li>
        </ul>
    </div>
</div>
<!--底部-->
<div class="mid-width" id="xiugais" >
   
</div>
<div id="bg"></div>
<!---->
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<!-- 上传图片 -->
<script src="../js/upload.js"></script>
<script type="text/javascript">
    $(".mm_imgfile input[type=file]").change(function(){
        var fs = this.files,$t  = $(this);
        $(fs).each(function(){
              var reader = new FileReader();
                reader.readAsDataURL(this);
                reader.onload = function(e) {
                    $t.parent().parent().prepend($('<li><input type="hidden" class="xijietu" style="display: none;" id="xijietu"><img src="'+this.result+'"><span data-name=delete></span></li>'));
                    deleteImg();
                }
        });
    });
    deleteImg();
    function deleteImg(){
        var $span = $("*[data-name=delete]");
        $span.unbind("click");
        $span.click(function(){
            $(this).parent().remove();
        });
    }
    
    //弹窗
    $(function () {
	    $(".zhiweifabu01 em").click(function () {
	        $("#bg").css({
	            display: "block", height: $(document).height()
	        });
	        var $box = $('.payment_time_mask01');
	        $box.css({
	            display: "block",
	        });
	        $(".zhaopin_zpzw_em1").css("color","#04a6e9");
	        $(".zhiweifabu01 i").addClass("up");
	    });
	    //点击关闭按钮的时候，遮罩层关闭
	    $(".payment_time_mask01 li").on('click',function () {
	        $("#bg,.payment_time_mask01").css("display", "none");
	        $(".zhiweifabu01 em").text($(this).html());
	        $(".zhaopin_zpzw_em1").css("color","#04a6e9");
	        $(".zhiweifabu01 i").removeClass("up").addClass("down");
	    });
	});
	
	    //弹窗
    $(function () {
	    $(".zhiweifabu02 em").click(function () {
	        $("#bg").css({
	            display: "block", height: $(document).height()
	        });
	        var $box = $('.payment_time_mask02');
	        $box.css({
	            display: "block",
	        });
	        $(".zhaopin_zpzw_em2").css("color","#04a6e9");
	        $(".zhiweifabu02 i").addClass("up");
	    });
	    //点击关闭按钮的时候，遮罩层关闭
	    $(".payment_time_mask02 li").on('click',function () {
	        $("#bg,.payment_time_mask02").css("display", "none");
	        $(".zhiweifabu02 em").text($(this).html());
	        $(".zhaopin_zpzw_em2").css("color","#04a6e9");
	        $(".zhiweifabu02 i").removeClass("up").addClass("down");
	    });
	});
	
	
	
    $(".pay_ttl span").on('click',function () {
        $("#bg,.payment_time_mask").css("display", "none");
    });
</script>
</body>
</html>